<template>
  <ul>
    <VuexListItem
      v-for="todo in todos"
      :key="todo.id"
      v-bind="todo"
    />
  </ul>
</template>

<script>
import VuexListItem from '@/views/vuextodolist/vuexlistItem'
export default {
  components: {
    VuexListItem
  },
  computed: {
    todos() {
      return this.$store.state.todos
    }
  }
}
</script>

<style>

</style>
